<style type="text/css">
	/* Login form */
	#login-form{width: 100%}
	#login-form fieldset{
		width: 500px;
		margin: 100px auto;
	}
	#login-form fieldset legend {
		text-align: center;
		padding: 0px 5px;
	}
	#login-form table {
		width: 400px;
		display: block;
		margin: 30px auto;
	}
	#login-form .button-login {
		display: inline-block;
		float: right;
		margin: 20px 0px;
		width: 100px;
		height: 40px;
	}
</style>
<?php echo $this->element('slide'); ?>
<section id="content">
	<section id="left-bar">
		<div class="box-left">
			<?php echo $this->element('categories'); ?>
		</div>
		
		
		<div class="box-left">
			<?php echo $this->element('genres'); ?>
		</div>
		
		
		<div class="box-left">
			<h2>Bảng xếp hạng</h2>
			<div class="menu-left">
				<ul>
					<li>
						<a href="#" class="top2"><span>1</span>Giáo dục</a>
					</li>
					
					<li>
						<a href="#" class="top2"><span>2</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>3</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>4</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>5</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>6</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>7</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>8</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>9</span>Giải trí</a>
					</li>
					
					<li>
						<a href="#" class="top10"><span>10</span>Giải trí</a>
					</li>
					
				</ul>
			</div>
		</div>
	</section>
	
	
	<section id="right-content">
		
		<div class="content">
			<div id="login-form">
				<fieldset>
					<legend>Đăng ký</legend>
					<?php echo $this->element('errors'); ?>
					<?php echo $this->Session->flash('auth'); ?>
					<?php echo $this->Form->create('User', array('action' => 'register', 'type' => 'file', 'inputDefaults' => array('label' => false))); ?>
					<table>
						<tr>
							<td width="150">Tên đăng nhập:</td>
							<td><?php echo $this->Form->input('username', array('error' => false)); ?></td>
						</tr>
						<tr>
							<td>Mật khẩu:</td>
							<td><?php echo $this->Form->input('password', array('error' => false)); ?></td>
						</tr>
						<tr>
							<td>Nhập lại mật khẩu:</td>
							<td><?php echo $this->Form->input('re_password', array('type' => 'password', 'error' => false)); ?></td>
						</tr>
						<tr>
							<td>Email:</td>
							<td><?php echo $this->Form->input('email', array('error' => false)); ?></td>
						</tr>
						<tr>
							<td>Số điện thoại: </td>
							<td><?php echo $this->Form->input('tel', array('error' => false)); ?></td>
						</tr>
						<tr>
							<td>Ảnh đại diện</td>
							<td><?php echo $this->Form->input('avatar', array('type' => 'file', 'error' => false)); ?></td>
						</tr>
						<tr>
							<td colspan="2"><?php echo $this->Form->submit('Đăng ký', array('class' => 'button-login')); ?></td>
						</tr>
					</table>
					<?php echo $this->Form->end(); ?>
				</fieldset>
			</div>
			
		</div>
		
		
	</section>
	
	
</section>